<article>
	<h1><?php echo $GLOBALS['title'] ?></h1>
	<p>HTML 表单用于搜集不同类型的用户输入,是Web浏览器和Web服务器进行通信的最常用的手段，即通  过表单，浏览器不仅能从Web服务器中获得信息，而且还能向Web  服务器反馈信息。HTML为此提供了表单(Form)元素来设计和实现这种交互界面。</p>
	<h2><a>表单元素</a></h2>
	<p>表单形成的交互界面上有许多元素，负责收集用户输入  的各种信息，这些元素一般称为控件。</p>
	<ul>
		<li>单行/多行文本框</li>
		<li>复选框</li>
		<li>单选按钮</li>
		<li>文件域</li>
		<li>隐藏域</li>
		<li>下拉菜单</li>
		<li>提交按钮</li>
		<li>重置按钮</li>
	</ul>
	<h4>实例</h4>
	<pre><code><?php echo htmlspecialchars('
<form method="post" action="">
	<!--单行文本-->
	<input type="text" />
	<!--密码-->
	<input type="password" />
	<!--单选框-->
	<input type="radio" />
	<!--多选框-->
	<input type="checkbox" />
	<!--隐藏域-->
	<input type="hidden" />
	<!--提交按钮-->
	<input type="submit" />
	<!--文件域-->
	<input type="file" />
	<!--重置按钮-->
	<input type="reset"	/>
	<!--按钮-->
	<input type="button"/>
	<!--文本区域-->
	<textarea></textarea>
	<!--下拉框-->
	<select>
		<option>下拉1</option>
		<option>下拉2</option>
	</select> 
</form>') ?></code></pre>
	<h4>效果如下：</h4>
	<blockquote>
	<form method="post" action="">
		<!--单行文本-->
		<input type="text" /><br/>
		<!--密码-->
		<input type="password" /><br/>
		<!--单选框-->
		<input type="radio" /><br/>
		<!--多选框-->
		<input type="checkbox" /><br/>
		<!--隐藏域-->
		<input type="hidden" /><br/>
		<!--提交按钮-->
		<input type="submit" /><br/>
		<!--文件域-->
		<input type="file" /><br/>
		<!--重置按钮-->
		<input type="reset"	/><br/>
		<!--按钮-->
		<input type="button"/><br/>
		<!--文本区域-->
		<textarea></textarea><br/>
		<!--下拉框-->
		<select>
			<option>下拉1</option>
			<option>下拉2</option>
		</select> 
	</form>
	</blockquote>
	<h3><code><?php echo htmlspecialchars('<input>') ?></code>标签共有的一些属性</h3>
	<ul>
		<li><code>type</code> 控件的类型</li>
		<li><code>value</code> 指定默认值</li>
		<li><code>name</code> 用于服务器获取数据</li>
	</ul>
	<h3><code><?php echo htmlspecialchars('<input type="radio" />') ?></code>单选和<code><?php echo htmlspecialchars('<input type="checkbox" />') ?></code>多选</h3>
	<ul>
		<li><code>checked</code> 默认的选中项</li>
		<li><code>value</code> 该选项被选中后提交到服务器的值</li>
		<li><code>name</code> 用于服务器获取数据</li>
	</ul>
	<h3><code><?php echo htmlspecialchars('<select>') ?></code>  元素（下拉列表）</h3>
	<p>HTML是通过<code><?php echo htmlspecialchars('<select>') ?></code>和<code><?php echo htmlspecialchars('<option>') ?></code>标记来定义输入列表框的。列表框标记<code><?php echo htmlspecialchars('<select>') ?></code>是成对出现标记，首标记<code><?php echo htmlspecialchars('<select>') ?></code>和尾标记<code><?php echo htmlspecialchars('</select>') ?></code>  之间的内容就是一个列表框的内容。</code>和<code><?php echo htmlspecialchars('<option>') ?></code>标记用于定义列表框中的各个选项</p>
	<h4>实例</h4>
	<pre><code><?php echo htmlspecialchars('
<select name="" id="" size="" multiple="">
	<option value="">下拉1</option>
	<option value="">下拉2</option>
	<option value="" selected="">...</option>
	<option value="">下拉n</option>
</select>') ?></code></pre>
	<h4>例子解析</h4>
	<ul>
		<li><code>name</code>用于服务器获取数据</li>
		<li><code>size</code>size属性是可选的，用于定义列表框的长度。size属性的  参数值是数字，表示显示在列表框中的选项数目。当size属性的参数  值小于列表框中的列表项数目时，浏览器会为该列表框添加滚动条，  用户可以使用滚动条来查看所有的选项。size属性的缺省值为1。</li>
		<li><code>multiple</code>表示可以多选，如果不设置本属性，那么只能单选；按  Ctrl可以多选. 用法：<code>multiple="multiple"</code></li>
		<li><code>value</code>当该项被选中并提交后，web浏览器  传送给服务器的数据。缺省时，浏览器将传送选项的内容</li>
		<li><code>selected</code>用来指定选项的初始状态，表示该选项在初始时  是被选中的。</li>
	</ul>
	<h2><a>label标签</a></h2>
	<p>用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上</p>
	<pre><code><?php echo htmlspecialchars('
<p>请点击文本标记之一，就可以触发相关控件：</p>
<form>
	<label for="male">Male</label>
		<input type="radio" name="sex" id="male" />
	<br />
	<label for="female">Female</label>
		<input type="radio" name="sex" id="female" />
</form>') ?></code></pre>

	<h4>效果</h4>
	<p>请点击文本标记之一，就可以触发相关控件：</p>
	<form>
		<label for="male">Male</label>
		<input type="radio" name="sex" id="male" />
		<br />
		<label for="female">Female</label>
		<input type="radio" name="sex" id="female" />
	</form>
	<h4>例子解析</h4>
	<ul>
		<li><code>for</code>规定 label 绑定到哪个表单元素。</li>
		<li><code>id</code>需要绑定的元素加个标识。</li>
	</ul>
	<h2><a>作业</a></h2>
	<blockquote>
	<p>把所讲的全部知识过一下，通过以上学习内容，运用表格标签和表单标签，布出下面简历。</p>
	<p><img src="__PUBLIC__/images/jianli.png" width="100%" alt=""></p>
	</blockquote>
</article>
